
$resize-size: 8px
    
.body
    position: relative
    width: 100%
    height: 100% 
    overflow: hidden  

.window-cmp
    pointer-events: auto
    position: absolute 
    border-radius: 8px
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) 
    opacity: 1
    

.resizable-box
    width: 200px
    height: 200px
    background-color: #f0f0f0
    border: 1px solid #ccc

.resize-handle
    position: absolute
    width: $resize-size
    height: $resize-size

.top-left
    top: -$resize-size
    left: -$resize-size
    cursor: nwse-resize

.top-right
    top: -$resize-size
    right: -$resize-size
    cursor: nesw-resize

.bottom-left
    bottom: -$resize-size
    left: -$resize-size
    cursor: nesw-resize

.bottom-right
    bottom: -$resize-size
    right: -$resize-size
    cursor: nwse-resize

.top
    top: -$resize-size
    left: 0
    cursor: ns-resize
    width: 100%

.bottom
    bottom: -$resize-size
    left: 0
    cursor: ns-resize
    width: 100%

.left
    top: 0
    left: -$resize-size
    cursor: ew-resize
    height: 100%

.right
    top: 0
    right: -$resize-size
    cursor: ew-resize
    height: 100%